@charset "utf-8";
@import "reset";
$fontsize:40;
@function r($px) {
    @return$px/$fontsize *1rem;
}

.web {
    width: 100%;
    height: 100%;
    position: relative;
}

header {
    width: 100%;
    height: r(97);
    font-size: r(40);
    background: transparent;
    position: absolute;
    top: 0;
    z-index: 1;
    &.header-change {
        background: #171616;
    }
    .header_a {
        width: r(672);
        margin: 0 auto;
    }
    .jt {
        width: r(20);
        height: r(34);
        margin-top: r(34);
        img {
            width: 100%;
        }
    }
    .ss {
        width: r(35);
        height: r(35);
        margin-top: r(34);
        img {
            width: 100%;
        }
    }
    .logo {
        width: r(66);
        height: r(92);
        margin: 0 auto;
        padding-top: r(10);
        img {
            width: 100%;
        }
    }
}

section {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    .top {
        background: #38c398;
        width: 100%;
        height: r(448);
        font-size: r(56);
        color: white;
        padding-top: r(161);
        text-align: center;
        p {
            font-size: r(16);
            margin-top: r(30);
        }
    }
    .wenz {
        margin-left: r(33);
        margin-right: r(70);
        font-size: r(34);
        letter-spacing: r(1);
        font-weight: 600;
        margin-top: r(55);
        a {
            color: black;
        }
        p {
            margin-top: r(31);
            font-size: r(16);
            color: #009cea;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            span {
                margin-left: r(120);
                color: #656b6c;
            }
        }
    }
    .tup {
        width: 100%;
        margin-top: r(50);
        img {
            width: 100%;
        }
    }
}

.wenz1 {
    padding-left: r(33);
    border-bottom: 1px solid #d9d9d9;
    padding-right: r(70);
    font-size: r(34);
    letter-spacing: r(1);
    font-weight: 600;
    margin-top: r(55);
    a {
        color: black;
    }
    p {
        margin-top: r(31);
        margin-bottom: r(50);
        font-size: r(16);
        color: #009cea;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        span {
            margin-left: r(120);
            color: #656b6c;
        }
    }
}

.last {
    width: 100%;
    margin-top: r(30);
    padding-left: r(32);
    margin-bottom: r(30);
    .tupi {
        width: r(220);
        height: r(220);
        img {
            width: 100%;
        }
    }
    .new {
        width: r(396);
        font-size: r(32);
        margin-left: r(34);
//      padding-right: r(20);
        letter-spacing: 1px;
        padding-top: r(46);
        a{
            color: black;
        }
        p {
            padding-top: r(32);
            font-size: r(16);
            color: #009cea;
            span {
                margin-left: r(54);
                color: #656b6c;
            }
        }
    }
}